document.addEventListener('DOMContentLoaded', function() {
    const form = document.getElementById('addDepartmentForm');

    form.addEventListener('submit', function(e) {
        e.preventDefault();

        // 清除之前的错误信息
        clearErrors();

        // 验证表单
        if (validateForm()) {
            // 如果验证通过，提交表单
            form.submit();
        }
    });

    function validateForm() {
        let isValid = true;

        // 验证部门名称
        const nameInput = document.getElementById('departmentName');
        if (!nameInput.value.trim()) {
            showError('nameError', '请输入部门名称');
            isValid = false;
        } else if (nameInput.value.trim().length > 50) {
            showError('nameError', '部门名称不能超过50个字符');
            isValid = false;
        }

        // 验证部门代码
        const codeInput = document.getElementById('departmentCode');
        if (!codeInput.value.trim()) {
            showError('codeError', '请输入部门代码');
            isValid = false;
        } else if (!/^[a-zA-Z0-9_-]+$/.test(codeInput.value.trim())) {
            showError('codeError', '部门代码只能包含字母、数字、下划线和横线');
            isValid = false;
        } else if (codeInput.value.trim().length > 20) {
            showError('codeError', '部门代码不能超过20个字符');
            isValid = false;
        }

        return isValid;
    }

    function showError(elementId, message) {
        const errorElement = document.getElementById(elementId);
        errorElement.textContent = message;
        errorElement.style.display = 'block';
    }

    function clearErrors() {
        const errorElements = document.querySelectorAll('.error-message');
        errorElements.forEach(element => {
            element.textContent = '';
            element.style.display = 'none';
        });
    }
});